body {
  position: fixed;
  width: 100%;
  height: 100% !important;
}

/*进入界面 start*/

body .enter {
  position: absolute;
  width: 100%;
  height: 100%;
}

body .enter .fullBg {
  width: 100%;
  height: 100%;
}

body .enter .start {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}

body .enter .start .startMenu {
  width: 31%;
}

/*进入界面 end*/

/*选择角色界面  start*/

body .role {
  position: absolute;
  width: 100%;
  height: 100%;
}

body .role .roleBg {
  width: 100%;
  height: 100%;
}

body .role .roler {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
}

body .role .roler.r1 {
  top: 12%;
}

body .role .roler.r2 {
  top: 46%;
}

body .role .roler.r3 {
  top: 68%;
}

body .role .startGame {
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}

body .role .startGame .enterGame {
  width: 32%;
}

/*选择角色界面  end*/

/* 游戏说明 start*/

body .rule {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

body .rule .ruleBg {
  width: 100%;
  height: 100%;
}

body .rule .knowBtn {
  position: absolute;
  bottom: 11%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30%;
}

/* 游戏说明 end*/

/* 玩游戏 start*/

body .game {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

body .game .moveBox {
  position: absolute;
  bottom: 0%;
  border-top: 1px solid #000;
  width: 100%;
  height: 3.49333333rem;
}

body .game .moveBox .mover {
  position: absolute;
  top: 0;
  left: 35%;
  width: 2.93333333rem;
  height: 2.93333333rem;
  display: inline-block;
  z-index: 100;
  background: pink;
}

body .game .moveBox .mover .moveImg {
  width: 100%;
}

body .game .gift {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20%;
}

/* 玩游戏 end*/

/* 游戏结果 start */

body .result {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

body .result .resultBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

body .result .resultInfo {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.5rem;
}

body .result .resultInfo h1 {
  text-align: center;
}

body .result .resultInfo table {
  width: 100%;
  background: skyblue;
}

body .result .resultInfo table td {
  width: 50%;
  height: 0.8rem;
  text-align: center;
}

body .result .resultBtn {
  position: absolute;
  bottom: 8%;
  display: flex;
  justify-content: space-around;
  width: 100%;
}

/* 游戏结果 end */

/* 浮层模板样式 start */

body .natantBox {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

body .natantBox .natant {
  position: relative;
  width: 100%;
  text-align: center;
}

body .natantBox .natant .natantBg {
  width: 75%;
}

body .natantBox .natant .shutDown {
  position: absolute;
  top: 4%;
  right: 17%;
  width: 7%;
}

/* 浮层模板样式 end */

/* 关注浮层 start*/

body .follow .followArea .QRcode {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40%;
}

/* 关注浮层 end*/

/* 分享浮层 start*/

body .share .shareArea .shutDown {
  position: absolute;
  top: 4%;
  right: 16%;
  width: 9%;
}

body .share .shareArea .QRcode {
  position: absolute;
  top: 46%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 26%;
}

body .share .shareArea p {
  position: absolute;
  top: 20%;
  width: 66%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.4rem;
}

/* 分享浮层 end*/

/* 次数用尽 start */

body .total .totalArea .totalSd {
  position: absolute;
  top: 4%;
  right: 19%;
  width: 10%;
}

body .total .totalArea .info {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}

/* 次数用尽 end */

/* 手机号浮层  start */

body .phone .phoneArea .phoneSd {
  position: absolute;
  top: 4%;
  right: 19%;
  width: 10%;
}

body .phone .phoneArea .inputContent {
  position: absolute;
  top: 13%;
  right: 0;
  left: 0;
  width: 65%;
  margin: 0 auto;
  margin-top: 7%;
}

body .phone .phoneArea .inputContent .inputGroup {
  display: flex;
  margin-bottom: 5%;
}

body .phone .phoneArea .inputContent .inputGroup input {
  width: 100%;
  flex-grow: 2;
  line-height: 0.7rem;
}

body .phone .phoneArea .inputContent .inputGroup #getVeryCode {
  width: 150px;
  text-align: center;
  line-height: 30px;
  background: red;
  color: #fff;
  font-weight: bold;
  border-radius: 14px;
  border: 1.5px solid #fff;
}

body .phone .phoneArea button {
  position: absolute;
  bottom: 14%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20%;
}

/* 手机号浮层  end */

/* 压岁钱结果  start */

body .ageMoney .ageMoneyArea .ageMoneyInfo {
  position: absolute;
  width: 72%;
  background: red;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 20%;
  font-size: 0.5rem;
}

body .ageMoney .ageMoneyBtn {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  text-align: center;
}

/* 压岁钱结果  end */